﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="shopping_checkout.aspx.cs" Inherits="shopping_checkout" %>
<%@ Register Src="_controls/header.ascx" TagName="header" TagPrefix="uc1" %>
<%@ Register Src="_controls/footer.ascx" TagName="footer" TagPrefix="uc2" %>
<%@ Register Src="_controls/membership_left_nav.ascx" TagName="membership_left_nav"
    TagPrefix="uc3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="ctl00_Head1">
    <title>曼福旅游保险</title>
    <link rel="canonical" href="http://www.insureandgo.com" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="travel insurance, holiday insurance, annual travel insurance, ski insurance, backpackers insurance, annual, cheap, uk, insurance, insureandgo, InsureandGo," />
    <meta name="description" content="Buy cheap travel insurance from InsureandGo, the UK's largest direct travel insurer. Wide range of policies available. Prices from under &pound;6. Kids go free." />
    <meta name="robots" content="noodp" />
    <meta name="google-site-verification" content="_p3NAz7IjML6o1UMAukUDLvJ-q3yRO-14nTqkjd0dDI" />
    <meta name="WT.pi" content="index.html" />
    <link rel="shortcut icon" href="favicon.ico" />
    <link href="_common/styles/layout.css" rel="stylesheet" type="text/css" />
    <!--[if lte IE 7]>
        <link rel="stylesheet" type="text/css" href="_common/styles/lteie7.css" />
    <![endif]-->
    <!-- jquery style sheets -->
    <!-- jquery libraries -->
    <script src="_common/scripts/jquery/jquery-1.6.2.js" type="text/javascript"></script>
    <script src="_common/scripts/jquery/UI/jquery.ui.core.js" type="text/javascript"></script>
    <script src="_common/scripts/jquery/UI/jquery.ui.widget.js" type="text/javascript"></script>
    <script type="text/javascript" src="_common/scripts/utility.js"></script>
    <script src="_common/scripts/ifeng_marquee.js" type="text/javascript"></script>
    <link rel="stylesheet" href="_common/styles/styles.css" type="text/css" />
    <link href="_common/styles/style-compressed.css" rel="stylesheet" type="text/css" />
    <link href="_common/styles/product_items.css" rel="stylesheet" type="text/css" />
    <link href="_common/styles/shopping_order_layout.css" rel="stylesheet" type="text/css" />
    <link href="_common/styles/form_layout.css" rel="stylesheet" type="text/css" />
    <!-- ANALYTICS END -->
    <script src="_common/scripts/Util.js" type="text/javascript"></script>
    <script src="_common/scripts/jq_shopping_utility.js" type="text/javascript"></script>
    <script src="_common/scripts/jq_order_utility.js" type="text/javascript"></script>
     
    <script src="../_common/scripts/jquery-1.4.2.min.js" type="text/javascript"></script> 

    <script type="text/javascript">
        $(document).ready(function () { 
            GetAddressContentInfo();
        })
        function InitializeAddressObj() {
            var values = null;
            $.ajax({
                async: false,
                type: "POST",
                url: prependOrgName("/shopping_checkout.aspx"),
                data: {
                    otype: "getaddressobj",
                    txtShippingAddressId: $("#txtShippingAddressId").val()
                },
                success: function (data, textStatus) {
                    values = data;
                }
            });
            return values;
        }
        function GetAddressContentInfo() {
            var _values = InitializeAddressObj();
            $(_values).find("filed").each(function () {
                if ($("#span" + $(this).attr("name") + "_Info")) {
                    $("#span" + $(this).attr("name") + "_Info").html($(this).text());
                }
            })
        }
        function PopupOpen() {
            $("#pop3").fadeIn();
            document.getElementById("pop3").focus();
        }
        function PopupDispose() {
            $("#pop3").fadeOut();
        }
        function SelectRadioButton(_obj) {
            $("#" + _obj.rid).attr("checked", true);
        }
        function CancelOrder() {
            var bl = false;
            $("input[name='rdoCancelReason']").each(function () {
                if ($(this).attr("checked")) {
                    bl = true;
                }
            });
            if (!bl) {
                alert("请选择作废原因！");
                return;
            }
            else
                $('#voidForm').submit()
        }
    </script>
</head>
<body>
    <input id="txtShippingAddressId" type="hidden" runat="server" name="txtShippingAddressId" />
    <div class="cc-cookies">
    </div>
    <uc1:header ID="header1" runat="server" />
    <div class="clear">
    </div>
    <div id="main">
        <div id="secondary" class="widget-area">
            <uc3:membership_left_nav ID="membership_left_nav1" runat="server" />
        </div>
        <div class="rightContent">
            <div class="statusbar">
                <div id="showHideAll" style="display: block; ">
    	            <ul id="statusbarstep1" class="">
        	            <li class="number">1</li>
                        <li class="text">选择商品</li>        
                    </ul>
                    <ul id="statusbarstep2" class="">
        	            <li class="number">2</li>
                        <li class="text">购物车</li>        
                    </ul>
                    <ul id="statusbarstep3" class="">
        	            <li class="number">3</li>
                        <li class="text">填写信息</li>        
                    </ul> 
                    <ul id="statusbarstep4" class="active">
        	            <li class="number">4</li>
                        <li class="text">核对信息</li>        
                    </ul> 
                    <ul id="statusbarstep5" class="">
        	            <li class="number">5</li>
                        <li class="text">成功兑换</li>        
                    </ul> 
                </div>
            </div> 
            <div class="clear">
            </div>
            <div class="innercontent" id="mainOrderContent">
                <div id="pop3" class="pop" style="display: none; position: absolute; top: 183px;
                    left: 424.5px;">
                    <div class="popBorder">
                        <h6>
                            <em>请问您取消订单的原因是？</em><a href="javascript:void(0);" title="关闭" onclick="PopupDispose(); return false;"><span>&nbsp;</span></a></h6>
                        <ul>
                            <form id="voidForm" action="#" method="post">
                            <li>
                                <input name="rdoCancelReason" id="radio1" type="radio" value="1" onclick="$('#hidCancelReason').val($(this).next().text());" /><label
                                    for="radio1">已经不需要这张订单中的产品</label></li>
                            <li>
                                <input name="rdoCancelReason" id="radio2" type="radio" value="2" onclick="$('#hidCancelReason').val($(this).next().text());" /><label
                                    for="radio2">发票填写错误</label></li>
                            <li>
                                <input name="rdoCancelReason" id="radio3" type="radio" value="3" onclick="$('#hidCancelReason').val($(this).next().text());" /><label
                                    for="radio3">不知道怎么修改送货方式、送货地址</label></li>
                            <li>
                                <input name="rdoCancelReason" id="radio4" type="radio" value="4" onclick="$('#hidCancelReason').val($(this).next().text());" /><label
                                    for="radio4">不知道怎么修改付款方式</label></li>
                            <li>
                                <input name="rdoCancelReason" id="radio5" type="radio" value="5" onclick="$('#hidCancelReason').val($(this).next().text());" /><label
                                    for="radio5">无法收货</label></li>
                            <li>
                                <input name="rdoCancelReason" id="radio6" type="radio" value="6" onclick="$('#hidCancelReason').val($(this).next().text());" /><label
                                    for="radio6">重复提交了订单</label></li>
                            <li>
                                <input name="rdoCancelReason" id="radio7" type="radio" value="7" onclick="$('#hidCancelReason').val($(this).next().text());" /><label
                                    for="radio7">买错了东西，下错了订单</label></li>
                            <li>
                                <input name="rdoCancelReason" id="radio8" type="radio" value="8" onclick="$('#hidCancelReason').val($(this).next().text());" /><label
                                    for="radio8">商品价格问题</label></li>
                            <li>
                                <input name="rdoCancelReason" id="radio10" type="radio" onclick="$('#hidCancelReason').val($(this).next().text());" /><label
                                    for="radio10">其它原因:</label>
                                <input id="txtCancelReason" name="txtCancelReason" class="Customize" rid="radio10"
                                    type="text" onfocus="SelectRadioButton(this);" /></li>
                            <li><a href="javascript:CancelOrder();" title="确认作废订单" class="button buttonA"><span>
                                确认作废订单</span></a></li>
                            <input id="action" name="action" type="hidden" value="cancel" />
                            <input id="hidCancelReason" name="hidCancelReason" type="hidden" runat="server" />
                            <input name="txtOrderId" id="txtOrderId" type="hidden" runat="server" />
                            </form>
                        </ul>
                    </div>
                </div>
                <div class="orderReview" id="orderStatus">
                    <ul class="shipment">
                        <li>
                            <label class="status">
                                订单状态：<%=OrderStatus %></label></li>
                        <li>
                            <label>
                                配送方式：
                            </label>
                            快递</li>
                    </ul>
                    <ul class="payment">    
                        <script type="text/javascript">
                            <!--
                            function ___doPostBack(eventTarget) {
                                $("#___EVENTTARGET").val(eventTarget);
                                $("#exchangeForm").submit();
                            }
                            // -->
                        </script>
                        <div id="success" style="position: absolute; z-index: 300; height: 93px; width: 273px;
                            left: 54%; top: 87%; margin-left: -150px; margin-top: -180px; background: #F8F8F8;">
                            <div style="position: absolute; z-index: 300; width: 270px; height: 90px; background-color: #FFF7D3;
                                border: solid #E60113 1px; font-size: 14px;">
                                <div style="height: 64px; line-height: 150%; padding: 0px 3px 0px 3px;" align="center">
                                    <br />
                                    <table>
                                        <tr>
                                            <td valign="top">
                                                <img border="0" src="_imgs/progress.gif" />
                                            </td>
                                            <td valign="middle" style="font-size: 14px; width: 150px;">
                                                操作执行中 ...<br />
                                            </td>
                                        </tr>
                                    </table>
                                    <br />
                                </div>
                            </div>
                            <div style="position: absolute; width: 270px; height: 108px; z-index: 299; left: 4px;
                                top: 5px; background-color: #E8E8E8; border: #E8E8E8 1px solid; display: none;">
                            </div>
                        </div>
                        <script type="text/javascript">
                            $("#success").css("display", "none"); 
                        </script>
                        <script src="_common/scripts/divcover.js" type="text/javascript"></script>
                        <form id="exchangeForm" action="#" method="post" name="exchangeForm">
                            <input type="hidden" name="___EVENTTARGET" id="___EVENTTARGET" value="" />
                            <li class="pay">所需积分：<%=TotalPrice %></li> 
                            <li class="charge" id="liCharge" runat="server"><a name="pay" class="button_c buttonC"
                                title="立即兑换" onclick="this.disabled=true;$('#success').css('display','block');___doPostBack('exchangeproduct');"><span>立即兑换</span></a></li>
                        </form>
                    </ul>
                </div>
                <div class="orderContent"> 
                    <label>
                        订单编号：</label><%=OrderNumber%><label>订购时间：</label><%=OrderDate%>
                    <label>
                        订单总额：</label><%=TotalPrice %></div>
                <div id="shippingAddressContentInfo" class="checkoutBox">
                    <h4 class="title1">
                        我的收货地址</h4>
                    <div class="clear">
                        &nbsp;</div>
                    <ul class="infoList">
                        <li>
                            <label>
                                收货联系人：</label>
                            <span id="spanShipToName_Info"></span></li>
                        <li>
                            <label>
                                手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机：</label>
                            <span id="spanShipMobile_Info"></span></li>
                        <li>
                            <label>
                                联系电话：</label>
                            <span id="spanShipTel_Info"></span></li>
                        <li>
                            <label>
                                地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;区：</label>
                            <span id="spanShipCounties_Info"></span></li>
                        <li>
                            <label>
                                邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;编：</label>
                            <span id="spanShipZip_Info"></span></li>
                        <li>
                            <label>
                                联系地址：</label>
                            <span id="spanShipAddress_Info"></span></li>
                    </ul>
                </div> 
                <div class="checkoutBox noBorder">
                    <h4 class="title1">
                        订单结算信息
                    </h4>
                    <table class="shopCart" id="shopCart">
                        <thead>
                            <tr>
                                <th scope="col">
                                    商品名称
                                </th> 
                                <th scope="col" style="width: 80px;">
                                    数量
                                </th>
                                <th scope="col" style="width: 80px;">
                                    积分
                                </th>
                                <th scope="col" style="width: 100px;">
                                    小计
                                </th>
                            </tr>
                        </thead>
                        <tbody id="tbdCardItems">
                            <asp:Repeater ID="rptOrderItems" runat="server">
                                <ItemTemplate>
                                    <tr>
                                        <td style="text-align: left;"> 
                                            <h4>
                                                <a href="product_info.aspx?productid=<%#Eval("ProductId") %>" title="<%# Eval("ProductName")%>" target="_blank" style="padding-left: 0px;">
                                                    <%# Eval("ProductName")%></a>
                                            </h4>
                                        </td>
                                        <td style="display: none;">
                                            --
                                        </td>
                                        <td>
                                            <%# Eval("Quantity")%>
                                        </td>
                                        <td>
                                            <span><%# Eval("UnitPrice").ToString()%></span>
                                        </td>
                                        <td>
                                            <span><%# (decimal.Parse(Eval("UnitPrice").ToString()) * int.Parse(string.IsNullOrEmpty(Eval("Quantity").ToString()) ? "0" : Eval("Quantity").ToString())).ToString()%></span>
                                        </td>
                                    </tr>
                                </ItemTemplate>
                                <FooterTemplate>
                                    <tr class="extend">
                                        <td class="textAlign" nowrap="nowrap">
                                        </td> 
                                        <td>
                                        </td>
                                        <td>
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                </FooterTemplate>
                            </asp:Repeater>
                        </tbody>
                    </table>
                    <div class="finalPrice" id="finalPrice"> 
                        <div class="priceAreaRight">
                            <ul class="priceArea"> <li><span>合计积分：</span><em id="emTotalCost"
                                    runat="server"></em></li></ul>
                        </div>
                    </div>
                </div>
                <div class="checkoutBox noBorder">
                    <p style="width: 300px; height: 35px; margin: 10px auto; padding: 0px 0px 0px 0px;
                        clear: both;" id="panlOperator" runat="server">
                        <a href="javascript:window.location.href='shopping_ordereditor.aspx?orderid='+getUrlParam('orderid');"
                            title="修改订单" class="button buttonB"><span>修改订单</span></a><a href="javascript:PopupOpen();"
                                title="作废订单" class="button buttonB"><span>作废订单</span></a></p>
                </div>
            </div>
        </div>
    </div>
    <div class="clear">
    </div>
    <uc2:footer ID="footer1" runat="server" /> 
</body>
</html>
